﻿.slider_bg {
    background: url(/Content/img/container-bg.jpg) repeat 0 0;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;
}

.slider-in {
width: 900px;
margin: 0 auto;
}
.iosSlider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 900px;
    height: 300px;
    padding: 30px 0;
}

    .iosSlider .prevButton {
        position: absolute;
        top: 160px;
        left: 0;
        width: 20px;
        height: 40px;
        background: url(/Content/img/slider-buttons.png) no-repeat 0 0;
        z-index: 2;
    }

    .iosSlider .nextButton {
        position: absolute;
        top: 160px;
        right: 0;
        width: 20px;
        height: 40px;
        background: url(/Content/img/slider-buttons.png) no-repeat 100% 0;
        z-index: 2;
    }

    .iosSlider .slider {
        width: 100%;
        height: 100%;
    }

        .iosSlider .slider .item {
            position: relative;
            top: 0;
            left: 0;
            width: 820px;
            height: 300px;
            margin: 0 40px 0 40px;
        }

            .iosSlider .slider .item .image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 300px;
                overflow: hidden;
            }

                .iosSlider .slider .item .image .bg {
                    border: 10px solid #000;
                    border-right: 0;
                    height: 180px;
                    width: 340px;
                    opacity: 0.5;
                    display: none;
                }

            .iosSlider .slider .item .text {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 180px;
                height: 260px;
                padding: 20px;
            }

.iphoneUI .iosSlider .slider .item .text {
    display: none;
}

.iosSlider .slider .item .text .bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 300px;
    background: #000;
    opacity: 0.5;
}

.iphoneUI .iosSlider .slider .item .text .bg {
    display: none;
}

.iosSlider .slider .item .title {
    position: relative;
    top: 0;
    left: 0;
    text-indent: -1px;
}

    .iosSlider .slider .item .title span {
        color: #fff;
        font: bold 40px/40px "Helvetica Neue",Helvetica,Arial,sans-serif;
        text-shadow: 0 -1px 1px #000;
    }

.iosSlider .slider .item .desc {
    position: relative;
    top: 0;
    left: 0;
    margin: 10px 0 0 0;
}

    .iosSlider .slider .item .desc span {
        color: #fff;
        font: normal 16px/22px "Helvetica Neue",Helvetica,Arial,sans-serif;
        text-shadow: 0 -1px 1px #000;
    }

.iosSlider .slider .item .button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 0 10px 0 10px;
    margin: 10px 0 0 0;
    background: #aaa;
    border: 1px solid #000;
    cursor: pointer;
}

    .iosSlider .slider .item .button span {
        color: #000;
        font: normal 14px/30px "Helvetica Neue",Helvetica,Arial,sans-serif;
        text-shadow: 0 1px 1px #fff;
    }

